{{- extends "layout/default" }}
{{- import "blocks/underlinenav" }}
{{- block body() }}
<div class="row justify-content-center g-4">
  <h1 class="mb-0"><i class="bi bi-stars me-2"></i>Newest</h1>

  <div class="col-12">
    <div class="d-flex flex-column flex-md-row align-items-center justify-content-center justify-content-md-end mx-auto">
      {{- baseURL := "/newest" }}
      {{- paths := slice("", "?mode=r18") }}
      {{- names := slice("Safe", "R-18") }}
      {{- activeState := isset(Queries.mode) ? "?mode=" + Queries.mode : "" }}
      {{- yield UnderlineNav(baseURL=baseURL, paths=paths, names=names, activeState=activeState) }}
      <div class="d-none">
        <p>Safe</p>
        <p>R-18</p>
      </div>
    </div>

    <hr class="border-neutral-800 opacity-100 rounded mt-0 mb-3">

    <div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
      {{ include "fragments/small-tn" .Items }}
    </div>
  </div>

</div>
{{- end }}
